<template>
	<view :class="['card',colorNames[index]]">
		<image :src="source.icon" mode="heightFix"></image>
		<view class="card-title">
			{{source.title}}
		</view>
		<view class="card-desc">
			{{source.desc}}
		</view>
	</view>
</template>

<script>
	export default {
		name: "Card",
		props: ["source", "index"],
		data() {
			return {
				colorNames: ["green", "red", "brown", "blue"],

			};
		}
	}
</script>

<style>

</style>